<!DOCTYPE html>
<html>

<!-- source http://www.scnoob.com More templates http://www.scnoob.com/moban -->
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>仓库管理系统</title>

<link rel="stylesheet" type="text/css" href="/c/Demo3motal/assets/css/bootstrap.min.css">

<link rel="stylesheet" type="text/css" href="/c/Demo3motal/assets/fonts/line-icons.css">

<link rel="stylesheet" type="text/css" href="/c/Demo3motal/assets/css/main.css">

<link rel="stylesheet" type="text/css" href="/c/Demo3motal/assets/css/responsive.css">
 <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
 <script type="text/javascript" src="js/hk_warerk4.js"></script>
</head>
<body>
<div class="app header-default side-nav-dark">
<div class="layout">

<div class="header navbar">
<div class="header-container">
<div class="nav-logo">
<a>
<b><img src="/c/Demo3motal/assets/img/logo.png" alt=""></b>
<span class="logo" style="color:black">
仓库管理系统
</span>
</a>
</div>
<ul class="nav-left">
<li>
<a class="sidenav-fold-toggler" href="/c/Demo3motal/javascript:void(0);">
<i class="lni-menu"></i>
</a>
<a class="sidenav-expand-toggler" href="/c/Demo3motal/javascript:void(0);">
<i class="lni-menu"></i>
</a>
</li>
</ul>
<ul class="nav-right">

<li class="user-profile dropdown dropdown-animated scale-left">
<a href="/c/Demo3motal/#" class="dropdown-toggle" data-toggle="dropdown">
<img class="profile-img img-fluid" src="/c/Demo3motal/assets/img/avatar/avatar.jpg" alt="">
</a>
<ul class="dropdown-menu dropdown-md">
<li>
<ul class="list-media">
<li class="list-item avatar-info">
<div class="media-img">
<img src="/c/Demo3motal/assets/img/avatar/avatar.jpg" alt="">
</div>
<div class="info">
<span class="title text-semibold" id="helloname"></span>
</div>
</li>
</ul>
</li>

<li>
<a href="hk_warelogin.html">
<i class="lni-lock"></i>
<span>退出</span>
</a>
</li>
</ul>
</li>
</ul>
</div>
</div>


<!-- 左导航栏开始 -->
<div class="side-nav expand-lg">
<div class="side-nav-inner">
<ul class="side-nav-menu">
<li class="side-nav-header">
<span>仓库管理系统</span>
</li>
<li class="nav-item dropdown  open">
<a href="#" class="dropdown-toggle">
<span class="icon-holder">
<i class="lni-dashboard"></i>
</span>
<span class="title">库存管理</span>
<span class="arrow">
<i class="lni-chevron-right"></i>
</span>
</a>
<ul class="dropdown-menu sub-down">
<li >
<a href="hk_warekc1.html">仓库管理</a>
</li>
<li  class="active">
<a href="hk_warerk4.html">出库入库</a>
</li>
<li>
<a href="hk_warerk3.html">入库单查询</a>
</li>
<li>
<a href="hk_warerk5.html">出库单查询</a>
</li>
<li>
<a href="hk_warewarning.html">预警设置</a>
</li>
</ul>
</li>

<li class="nav-item dropdown ">
<a class="dropdown-toggle" href="#">
<span class="icon-holder">
<i class="lni-cloud"></i>
</span>
<span class="title">采购管理</span>
<span class="arrow">
<i class="lni-chevron-right"></i>
</span>
</a>
<ul class="dropdown-menu sub-down">
<li>
<a href="hk_product.html">商品采购变更管理</a>
</li>
<li>
<a href="hk_warerk2.html">首次商品采购信息登记</a>
</li>
<li>
<a href="hk_warecg1.html">采购单查询</a>
</li>
</ul>
</li>

<li class="nav-item dropdown">
<a class="dropdown-toggle">
<span class="icon-holder">
<i class="lni-timer"></i>
</span>
<span class="title">供应商管理</span>
<span class="arrow">
<i class="lni-chevron-right"></i>
 </span>
</a>
<ul class="dropdown-menu sub-down">
<li>
<a href="hk_waregys1.html">供应商信息管理</a>
</li>
</ul>
</li>


</ul>
</div>
</div>
<!-- 左导航栏结束 -->


<div class="page-container">

<div class="main-content">
<div class="container-fluid">

<div class="breadcrumb-wrapper row">
<div class="col-12 col-lg-3 col-md-6">
<h3 class="page-title">商品出库入库管理</h3>

</div>

</div>

</div>
<div class="container-fluid">
<div class="row">
<div class="col-12">
<div class="card faq">
<div class="card-header border-bottom">
					
				<form class="form-inline">	 
				<input type="hidden" class="form-control" name="managerid" id="managerid">
					  商品信息查询: &nbsp&nbsp<input type="text" class="form-control" name="selectname" id="selectname"  placeholder="请输入商品名进行查询">
					
					  &nbsp&nbsp<button type="button" class="btn btn-outline-primary" id="selectbtn">查询</button>
					  
					  
					   &nbsp&nbsp&nbsp&nbsp<button type="button" class="btn btn-outline-secondary" id="selectbtn2">取消查询</button>
					  
					     
				
				</form>	
</div>
<div class="card-body">
<div id="accordian-part">
<div id="accordian-3">
			<ul>
			<li id="bodyliid">- 说明：对商品进行查询相关信息，再执行入库出库操作
			</li>
			</ul>
				          <!--  一条主表的记录 开始 -->
				        
		                
		         <div class="table-responsive" id="tableshowid" style="display: none" >
		<table class="table table-striped table-bordered">
   		 <thead>
     		 <tr>
		        <th>序号</th>
		        <th>商品名称</th>
		        <th>商品类型</th>
		        <th>库存量</th>
		        <th>商品位置编号</th>
		        <th>供应商</th>
		        <th>仓库名称</th>
		     	 <th>操作</th>
     		 </tr>
	    </thead>
	    <tbody id="tbodyprobtn">
 
    
   		</tbody>
		</table>
				</div>  
				
<!--  一条主表的记录 结束 -->
				          <!-- 入库模态框 开始 -->
			<div class="modal fade" id="myModal1">
			  <div class="modal-dialog">
			    <div class="modal-content">
			 
			      <!-- 模态框头部 -->
			      <div class="modal-header">
			        <h4 class="modal-title" style="color:red">商品入库信息输入</h4>
			        <button type="button" class="close" data-dismiss="modal">&times;</button>
			      </div>
			 
			      <!-- 模态框主体 -->
			      <div class="modal-body" >
			       <form  id="formhiddenid">
						  <div class="form-group">
						        <input type="hidden" class="form-control" id="rkproductid" name="rkproductid">
						    <input type="hidden" class="form-control" id="rkname" name="rkname">
						    <input type="hidden" class="form-control" id="rktype" name="rktype">
						    <input type="hidden" class="form-control" id="rkprice" name="rkprice">
						    <input type="hidden" class="form-control" id="rkwareidin" name="rkwareidin">
						    <input type="hidden" class="form-control" id="rksupplieridin" name="rksupplieridin">
						    <input type="hidden" class="form-control" id="rklocationid" name="rklocationid">
						</div>
							<div class="form-group">
							 <label for="pwd">入库类型:</label>
							  <select class="form-control"  name="intype" id="intype">
							  		<option value='采购入库'>采购入库</option>
							  		<option value='其他入库'>其他入库</option>
							  </select>
							</div>
							  <div class="form-group" id="cgbm">
						  	 <label >采购编码:</label>
					 		 <input type="text" class="form-control" id="cgid" name="cgid" placeholder="请输入采购编码">
					 		 <p style="color:red;display: none" id="cgidp">编码不能为空</p>
					 		 <p style="color:red;display: none" id="cgidp2">该编码不存在</p>
					 		 </div>
						  <div class="form-group">
						  	 <label >入库数量:</label>
					 		 <input type="number"  style = "width:80px"  oninput="if(value < 0){alert('非法输入！');value = ''}"  class="form-control" id="rknumid" name="rknumid" value="0">
					 		 <p style="color:red;display: none" id="rknump">数量不能为空</p>
					 		 </div>
						  <div class="form-group" id="jhdj">
						  	 <label >进货单价:</label>
					 		 <input type="text" class="form-control" id="rkpriceid" name="rkpriceid"  placeholder="保留两位小数">
					 		 <p style="color:red;display: none" id="rkpriceidp">价格不能为空</p>
					 		 </div>
						    <div class="form-group">
						
						      <label for="comment">备注：</label>
						      <textarea class="form-control" rows="3" id="rknotesid" name="rknotesid"></textarea>
						    </div>
								
						</form>
			      </div>
			 
			      <!-- 模态框底部 -->
			      <div class="modal-footer">
			    <button type="button" class="btn btn-outline-danger" id="btn002" name="btn002">确认入库</button>
			      </div>
			 
		    </div>
		  </div>
		</div>
<!-- 入库模态框结束 -->
<!-- 出库模态框 开始 -->
			<div class="modal fade" id="myModal2">
			  <div class="modal-dialog">
			    <div class="modal-content">
			 
			      <!-- 模态框头部 -->
			      <div class="modal-header">
			        <h4 class="modal-title" style="color:red">商品出库信息输入</h4>
			        <button type="button" class="close" data-dismiss="modal">&times;</button>
			      </div>
			 
			      <!-- 模态框主体 -->
			      <div class="modal-body" >
			       <form  id="formhiddenid2">
						  <div class="form-group">
						        <input type="hidden" class="form-control" id="outproductid" name="outproductid">
						    <input type="hidden" class="form-control" id="outname" name="outname">
						    <input type="hidden" class="form-control" id="outtype" name="outtype">
						    <input type="hidden" class="form-control" id="outprice" name="outprice">
						    <input type="hidden" class="form-control" id="outwareidin" name="outwareidin">
						    <input type="hidden" class="form-control" id="product_num" name="product_num">
						    <input type="hidden" class="form-control" id="outsupplieridin" name="outsupplieridin">
						    <input type="hidden" class="form-control" id="outlocationid" name="outlocationid">
						</div>
						  <div class="form-group">
						  	 <label >出库数量:</label>
					 		 <input type="text" class="form-control" id="outnumid" name="outnumid"  placeholder="请输入整数数量">
					 		 <p style="color:red;display: none" id="cknump">数量不能为空</p>
					 		 <p style="color:red;display: none" id="cknump2">出库数量>库存数</p>
					 		 </div>
						 
						    <div class="form-group">
						      <label for="comment">备注：</label>
						      <textarea class="form-control" rows="3" id="outnotesid" name="outnotesid"></textarea>
						    </div>
								
						</form>
			      </div>
			 
			      <!-- 模态框底部 -->
			      <div class="modal-footer">
			    <button type="button" class="btn btn-outline-danger" id="btn004" name="btn004">确认出库</button>
			      </div>
			 
		    </div>
		  </div>
		</div>
<!-- 出库模态框结束 -->				    

</div>
</div>
</div>

</div>
</div>
</div>

</div>


</div>


<footer class="content-footer">
<div class="footer">
<div class="copyright">
<span><b class="text-dark">欢迎使用，仓库管理系统</b></span>

</div>
</div>
</footer>

</div>

</div>
</div>

<div id="preloader">
<div class="loader" id="loader-1"></div>
</div>


<script src="/c/Demo3motal/assets/js/jquery-min.js"></script>
<script src="/c/Demo3motal/assets/js/popper.min.js"></script>
<script src="/c/Demo3motal/assets/js/bootstrap.min.js"></script>
<script src="/c/Demo3motal/assets/js/jquery.app.js"></script>
<script src="/c/Demo3motal/assets/js/main.js"></script>
</body>


</html>